<template>
    <div>
        <el-container>
            <el-header>
                <header-component></header-component>
            </el-header>
            <el-main>
                <router-view></router-view>
<!--                <content-main></content-main>-->
<!--                <main-component></main-component>-->
            </el-main>
            <el-footer>
                <div style="display: flex;align-items: center;width: 100%;justify-content: center">
                    <span class="footer-content">Copyright © All Right By <a style="color: white;cursor: pointer" href="#">上海财才网信息科技有限公司</a></span>
                </div>
            </el-footer>
        </el-container>
    </div>
</template>

<script>
    import contentMain from "./userComponent/contentMain";
    import headerComponent from "./userComponent/headerComponent";
    // import mainComponent from "./userComponent/mainComponent";
    export default {
        name: "index",
        components:{
            headerComponent,
            contentMain
            // mainComponent
        }
    }
</script>

<style>
    .el-header, .el-footer {
        background-color: #302C42;
        color: #333;
        text-align: center;
        line-height: 60px;
    }
    .el-main {
        background-color: white;
        color: #333;
        text-align: center;
        padding: 0px;
        overflow: hidden;
        min-height: calc(100vh - 120px);
    }
</style>

<style scoped>
.footer-content{
    font-size: 12px;
    color: white;
}
</style>
